* {
    margin: 0;
    padding: 0;
}

ul {
    list-style: none;
}
/* 清除浮动 */
.clearfix::after ,.clearfix::before {
    content: "";
    display: table;
}
.clearfix::after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
i{
    font-style: normal;
}
a {
    text-decoration: none;
}
/* 头部部分 */
/* banner部分 */
.banner{
    position: relative;
}
.banner img{
    width: 1680px;
    height: 300px;
    transform: translateX(-200px);
}
.content{
    width: 270px;
    height: 250px;
    position: absolute;
    top: 50px;
    right: 200px;
}

.text{
    color: white;
    text-align: right;
}
.text h2{
  font-weight:normal;
}
.text span{
    display: inline-block;
    background-color: rgba(238, 238, 238,.5);
    padding: 3px;
    margin:20px 3px;
    font-size: 12px;
}
.text i{
    display: block;
    font-size: 14px;
}
.text .apply{
    float: right;
    width: 200px;
    height: 35px;
    background-color:#fe5341;
    margin:20px 0;
    text-align: center;
    line-height: 35px;
}
/* 热门试用 */
.hotuse{
    width: 1000px;
    height: 390px;
    margin: 0 auto;
    position: relative;
}
.hot-head{
    padding: 10px 0px;
    font-weight: 700;
}
.outbox{
    width: 1000px;
    overflow: hidden;
}
.inbox{
    width: max-content;
}
.inbox li {
    width: 230px;
    height: 300px;
    text-align: center;
    border: 1px solid #e1e1e1;
    float: left;
    margin-right:20px;
    border-radius: 6px;
}
.inbox li:nth-of-type(4){
    margin-right:20px;
}
.inbox li .img{
    width: 230px;
    height: 140px;
    border-radius: 6px;
}
.inbox li .hh{
    text-align: center;
    margin:0px 15px;
}
.inbox li .span{
    display: inline-block;
    border: 1px solid #fe5341;
    border-radius: 4px;
    font-size: 12px;
    padding: 5px;
    margin: 10px 3px;
}
.inbox li .i{
    font-size: 14px;
    display: block;
    margin-bottom:10px;
    font-style: normal;
    color: #fe5341;
}
.inbox li .b{
    font-size: 14px;
    color: #030303;
    font-weight: normal;
}
/* 左右箭头 */
.leftarrow{
    position: absolute;
    top: 50%;
    margin-top:-75px;
    left: -50px;
    cursor: pointer;
}
.rightarrow{
    position: absolute;
    top: 50%;
    margin-top:-75px;
    right: -50px;
    cursor: pointer;
}
/* 报告精选 */
.report{
    width: 100%;
    height: 570px;
    background-color: #f7f7f7;
}
.report-box{
    width: 1000px;
    margin: 0 auto;
    position: relative;
}
.report-head{
    padding: 15px 0px;
}
.report-head span{
    position: absolute;
    right: 0;
    bottom: 10px;
    font-size: 14px;
    color: #fe5341;
    line-height: 10px;
}
.report-con li{
    position: relative;
    width: 230px;
    height: 235px;
    text-align: center;
    border: 1px solid #e1e1e1;
    float: left;
    box-sizing: border-box;
    margin-right:20px;
    margin-bottom:20px;
    border-radius: 6px;
}
.report-con li .img{
    width: 230px;
    height: 115px;
    border-radius: 6px;
}
.report-con li .p{
    font-size: 14px;
}
.left{
    position: absolute;
    bottom: 30px;
    left: 15px;
    color: gray;
}
.right{
    position: absolute;
    bottom: 30px;
    right: 15px;
    color: gray;
}
/* 导购精选 */
.shoppingguide-box{
    width: 1000px;
    height: 330px;
    margin: 0 auto;
    position: relative;
}
.shoppingguide-head{
    padding: 15px 0px;
}
.shoppingguide-head span{
    position: absolute;
    right: 0;
    top: 20px;
    font-size: 14px;
    color: #fe5341;
}
.shoppingguide-con li{
    position: relative;
    width: 230px;
    height: 210px;
    text-align: center;
    float: left;
    box-sizing: border-box;
    border: 1px solid #e1e1e1;
    margin-right:20px;
    margin-bottom:20px;
    border-radius: 6px;
}
.shoppingguide-con li .img{
    width: 230px;
    height: 125px;
    border-radius: 6px;
}
.shoppingguide-con li .p{
    font-size: 14px;
}
.shoppingguide-con li .right{
    position: absolute;
    bottom: 10px;
    right: 15px;
    color: gray;
}
.shoppingguide-con .listbg{
    width: 230px;
    position: absolute;
    bottom: -20px;
}
/* 发现酷玩 */
.discover{
    width: 100%;
    height: 1070px;
    overflow: hidden;
    background-color: #f7f7f7;
}
.discover-box{
    width: 1000px;
    margin: 0 auto;
    position: relative;
}
.discover-head{
    padding: 15px 0px;
}
.discover-head span{
    position: absolute;
    right: 0;
    bottom: 10px;
    font-size: 14px;
    color: #fe5341;
    line-height: 10px;
}
.discover-con li{
    position: relative;
    width: 230px;
    height: 235px;
    text-align: left;
    border: 1px solid #e1e1e1;
    float: left;
    box-sizing: border-box;
    margin-right:20px;
    margin-bottom:20px;
    border-radius: 6px;
}
.discover-con li .img{
    width: 230px;
    height: 125px;
    border-radius: 6px;
}
.discover-con li .p{
    font-size: 15px;
    margin-left:10px ;
}
.discover-con li .span{
    position: absolute;
    bottom: 45px;
    left: 10px;
    font-size: 14px;
    color: gray;
    /* margin:10px ; */
}
.discover-con .left{
    position: absolute;
    bottom: 15px;
    left: 10px;
    color: #fe5341;
}
.discover-con .right{
    position: absolute;
    bottom: 15px;
    right: 10px;
    color: gray;
}
.more{
    height: 70px;
    line-height: 70px;
    background-color: #f7f7f7;
    color: #fe5341;
    text-align: center;
}
/* 底部部分 */
